.container{
    position: relative;
    height: 200px;
       width: 700px;
       margin: 15px 25px;
       border-radius: 7px;
       background: #f7f7f7;
       overflow:hidden;
}
.image{
    display: inline-block;
    border-radius: 7px;
    width:175px;
    height:175px;
    margin:10px;
    vertical-align: middle;
}
.price{
    display: inline-block;
    width: 50%;
    color:#FF6700;
    font-size: 33px;
    height: 50px;
    margin-top: 20px;
}
.num{
    display: inline-block;
    width: 50%;
    text-align: right;
    height: 50px;
    color:#666666;
    // padding-right: 10px;
    font-size: 25px;
}
.message{
    display: inline-block;
    width: 460px;
    height: 200px;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 20px;
    .title,.explain{
        width: 100%;
    }
    .title{
        color: #442836;
        font-size: 30px; 
        margin-bottom: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
            height: 40px;
    }
    .explain{
        height: 26px;
        // margin-bottom: 10px;
        font-size: 22px;
        margin-top: 10px; 
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;                           
    }
}